<template>
	<view class="appeal-box" @tap="goAppealDetail(appealDetail.appealId)">
		<view class="appeal-id">
			<view class="appealID">订单ID：{{appealDetail.customerTaskId}}</view>
			<view class="appeal-time">{{appealDetail.commentTime}}</view>
		</view>
		<view class="appeal-content">
			{{appealDetail.content}}
		</view>
		<view class="appeal-progress">
			<view>处理结果：{{appealDetail.status==0?'平台将会在2个工作日内作出处理结果':appealDetail.reply}}</view>
			<image src="../../static/common/chakan.png" class="chakan"></image>
		</view>
	</view>
</template>

<script>
	export default{
		name:"subAppeal",
		data(){
			return{
				
			}
		},
		props:{
			appealDetail:{
				type:Object
			}
		},
		methods:{
			goAppealDetail(id){
				this.$emit('goAppealDetail',id)
			}
		}
	}
</script>

<style>
	.appeal-box{
		width:600upx;
		min-height:217upx;
		background:rgba(255,255,255,1);
		box-shadow:0px 9upx 27upx rgba(0,0,0,0.16);
		opacity:1;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0 42upx;
		border-radius: 20upx;
		margin:10upx 0;
	}
	.appeal-id{
		width: 100%;
		height: 80upx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		font-size: 12px;
		color: #F4637A;
		border-bottom: 1px solid #E1E4EA;
	}
	.appeal-time{
		color: #B1B8C1;
	}
	.appeal-content{
		border-bottom: 1px solid #E1E4EA;
		width: 100%;
		min-height: 78upx;
		height: auto;
		line-height: 78upx;
		font-size: 12px;
		color: #B1B8C1;
	}
	.appeal-progress{
		width: 100%;
		height: 78upx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		font-size: 12px;
		color: #111739;
	}
	.chakan{
		width: 65upx;
		height: 36upx;
	}
</style>
